<template>
    <div class="content-wrapper user">

        <img class="user-poster" src="https://img.yzcdn.cn/public_files/2017/10/23/8690bb321356070e0b8c4404d087f8fd.png">

        <van-row class="user-links">
            <van-col span="6">
                <van-icon name="pending-payment" />
                待付款
            </van-col>
            <van-col span="6">
                <van-icon name="pending-orders" />
                待接单
            </van-col>
            <van-col span="6">
                <van-icon name="pending-deliver" />
                待发货
            </van-col>
            <van-col span="6">
                <van-icon name="logistics" />
                待发货
            </van-col>
        </van-row>

        <van-cell-group class="user-group">
            <van-cell icon="records" title="全部订单" is-link />
        </van-cell-group>

        <div class="blank-10"></div>

        <van-cell-group>
            <van-cell icon="exchange" title="我的积分" is-link />
            <van-cell icon="gold-coin" title="我的优惠券" is-link />
            <van-cell icon="gift" title="我收到的礼物" is-link />
        </van-cell-group>

    </div>
</template>

<script>
    import { Row, Col, Icon, CellGroup, Cell } from 'vant'
    import wx from 'weixin-js-sdk'
    export default {
        name: "index",
        components: {
            [Row.name]: Row,
            [Col.name]: Col,
            [Icon.name]: Icon,
            [CellGroup.name]: CellGroup,
            [Cell.name]: Cell

        },
        data() {
            return {

            }
        },
        created() {
            wx.ready(()=> {
                wx.onMenuShareTimeline({
                    title: '我的易购', // 分享标题
                    link: process.env.WEIXIN_UI_BASE_URL+'/#/user/index', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'https://g-search1.alicdn.com/img/bao/uploaded/i4/i2/3410506055/TB1gx.re.FWMKJjSZFvXXaenFXa_!!0-item_pic.jpg_250x250.jpg', // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareAppMessage({
                    title: '我的易购', // 分享标题
                    desc: '分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致', // 分享描述
                    link: process.env.WEIXIN_UI_BASE_URL+'/#/user/index', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1520340675&di=3f1e7f580a063b1b5f6b5721b62be7f6&src=http://pic31.photophoto.cn/20140519/0010023932607971_b.jpg', // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            })
        }
    }
</script>

<!-- 局部样式 -->
<style rel="stylesheet/scss" lang="scss" scoped>
    .user{
        &-poster {
            width: 100%;
            height: 100%;
            display: block;
        }
        &-links {
            padding: 15px 0;
            font-size: 12px;
            text-align: center;
            background-color: #fff;

            .van-icon {
                display: block;
                font-size: 24px;
            }
        }
    }
</style>